﻿<table id="tblClient">
    <tr>
        <td>Client Name
        </td>
        <td>
            <input data-bind="value: Client.ClientName" readonly="readonly" type="text"/>
        </td>
    </tr>
    <tr>
        <td>Job Name
        </td>
        <td>
            <input data-bind="value: Client.JobName" readonly="readonly" type="text"/>
        </td>
    </tr>
    <tr>
        <td>PO Number
        </td>
        <td>
            <input data-bind="value: Client.PONumber" readonly="readonly" type="text"/>
        </td>
    </tr>
    <tr>
        <td>Room
        </td>
        <td>
            <input data-bind="value: Client.Room" readonly="readonly" type="text" />
        </td>
    </tr>
    <tr>
        <td>
            Requested <br /> Delivery Date
        </td>
        <td>
            <input data-bind="value: RequestedDate" type="text" readonly="readonly"/>
        </td>
    </tr>
    <tr>
        <td>
            Comments
        </td>
        <td>
            <textarea data-bind="value: Comments"></textarea>
        </td>
    </tr>
</table>

<table id="tblClient1">
    <tr>
        <td>
            <input data-bind="checked: isOCS" value="false" type="radio" id="rdoManufactured" name="Manufactured-OCS"/>
            <label for="rdoManufactured">Manufactured</label>
        </td>
    </tr>
    <tr>
        <td>
            <input  data-bind="checked: isOCS" value="true" type="radio" id="rdoOCS" name="Manufactured-OCS"/>
            <label for="rdoOCS">OCS</label>
        </td>
    </tr>
    <tr>
        <td>
            <span style="text-wrap: normal" data-bind="visible: isOCS">Crystal Original Job Number</span>
        </td>
    </tr>
    <tr>
        <td>
            <input data-bind="value: CrystalOriginalJobNumber, visible: isOCS" type="text" class="short" />
        </td>
    </tr>

    <tr><td>&nbsp;</td></tr>

    <tr>
        <td>Multiplier</td>
    </tr>
    <tr>
        <td>
            <input data-bind="value: Multiplier" type="text" class="short"/>
        </td>
    </tr>
</table>

<table id="tblShipAddress" data-bind="with:Address">
    <tr>
        <td colspan="2">
            <h3>SHIP TO</h3>
        </td>
    </tr>
    <tr>
        <td>Ship To Name
        </td>
        <td>
            <input data-bind="value: ToName" type="text" />
        </td>
    </tr>
    <tr>
        <td>Ship to Address
        </td>
        <td>
            <input data-bind="value: ToAddress" type="text" />
        </td>
    </tr>
    <tr>
        <td>Ship To City
        </td>
        <td>
            <input data-bind="value: ToCity" type="text" />
        </td>
    </tr>
    <tr>
        <td>Ship To State
        </td>
        <td>
            <input data-bind="value: ToState" type="text" />
        </td>
    </tr>
    <tr>
        <td>Ship To ZIP
        </td>
        <td>
            <input data-bind="value: ToZip" type="text" />
        </td>
    </tr>
    <tr>
        <td>Ship Via
        </td>
        <td>
            <select data-bind="value: ShipVia">
                <option>Crystal Truck</option>
            </select>
        </td>
    </tr>
</table>

<div class="clear"></div>

<div>
    <h5>Order Status</h5>
    <table id="tblOrder">
        <tr>
            <td>Submitted Date</td>
            <td><input data-bind="value: SubmittedDate" type="text" readonly="readonly"/></td>
            <td>
                <input data-bind="checked: Sold" type="checkbox" id="chkSold"/>
                <label for="chkSold">Sold</label>
            </td>
            <td>
                <input data-bind="checked: Inactive" type="checkbox" id="chkInactive"/>
                <label for="chkInactive">Inactive</label>
            </td>
            <td>
                <input data-bind="checked: LostSale" type="checkbox" id="chkLostSale"/>
                <label for="chkLostSale">Lost Sale</label>
            </td>
        </tr>
    </table>
</div>

<button data-bind="click:submitOrder" class="submit-order">Submit Order to Crystal</button>